$(function () {

    /* 全局查询一级分类的参数 */
    var QueryObj = {
        page: 1,
        pageSize: 2
    }

    /* 设置总页数 */
    var totalPage = 1;

    /* 全局的插件表单对象 */
    var ValiForm;

    /* 初始化 */
    init();
    function init() {
        querySecondCategoryPaging();
        queryTopCategoryPaging();
        initFileUpload();
        setFormValite();
    }


    /* 查询二级分类 */
    function querySecondCategoryPaging(callback) {
        $.get("/category/querySecondCategoryPaging", QueryObj, function (result) {
            var htmlArr = ['<tr>< th > 序号</th ><th>一级分类名称</th><th>二级分类名称</th><th>二级分类LOGO</th></tr >'];
            for (var i = 0; i < result.rows.length; i++) {
                htmlArr.push('<tr>< td >'+ ((QueryObj.page - 1) * QueryObj.pageSize + i + 1) +'</td ><td>'+ result.rows[i].categoryName +'</td><td>'+ result.rows[i].brandName +'</td><td><img src='+ result.rows[i].brandLogo +' alt=""></td></tr>');          
            }
            $(".second-cat").html(htmlArr.join(''));
            /* 计算总页数 */
            totalPage = Math.ceil(result.tatal / QueryObj.pageSize);

            /* 设置分页 */
            setPage();
        });
    }


    function setPage() {
        // 配置
        var options = {
            bootstrapMajorVersion: 3,// bootstrap为3.x版本的时候要声明
            alignment: "left",//左侧显示
            currentPage: QueryObj.page,//当前页数
            totalPages: totalPage,//总页数 注意不是总条数

            // 点击页码的时候触发
            onPageClicked: function (e, oe, type, page) {
                // event, originalEvent, type,page。
                // page 为被点击的页码
                /* 重新设置当前页码 */
                QueryObj.page = page;
                /* 点击分页，重新获取数据 */
                querySecondCategoryPaging();
            }
        }

        // 初始化
        $(".pagination").bootstrapPaginator(options);
    }

    /* 查询一级分类 */
    function queryTopCategoryPaging() {
        $.get("/category/queryTopCategoryPaging", { page: 1, pageSize: 1000 }, function (result) {
            var htmlArr = [];
            for (var i = 0; i < result.rows.length; i++) {
                htmlArr.push('<option value="' + result.rows[i].id + '">' + result.rows[i].categoryName + '</option>');
            }
            $("#categoryId").html(htmlArr.join(''));
        });
    }

    /* 初始化文件上传插件 */
    function initFileUpload() {
        $('.fileuploadBtn').fileupload({
            dataType: 'json',
            // 上传成功的时候调用
            done: function (e, data) {
                // data.result 为上传成功的返回值
                var src = data.result.picAddr;
                /* 设置图片的路径 */
                $(".ff-img").attr("src", src);
                /* 是在隐藏的值 */
                $("#brandLogo").val(src);
                /* 手动去掉表单的验证 */
                $("#sec-form").data('bootstrapValidator').updateStatus('brandLogo', 'VALID');
            }
        });
    }

    /* 设置表单验证 */
    function setFormValite() {
        /* 对表单进行配置 */
        var $form = $('sec-form').bootstrapValidator({
            /*校验插件默认会忽略  隐藏的表单元素
                  不忽略任何情况的表单元素*/
            //excluded:[],
            // 图标
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            // 要验证的字段
            fields: {
                // 用户名 
                username: {
                    // 用户名的提示信息
                    // message: 'The username is not valid',
                    validators: {
                        // 不能为空
                        notEmpty: {
                            message: '用户名不能为空'
                        },
                        // 提供给ajax回调使用
                        callback: {
                            message: "用户名不存在"
                        }
                    }
                }
            }
        });
        $form.on('success.form.bv', function (e) {
            // 点击提交的时候  

            // 阻止默认提交事件
            e.preventDefault();

            /* 准备发送请求 */
            var brandName = $("#brandName").val();
            var categoryId = $("#category").val();
            var brandLogo = $("#brandLogo").val();
            var hot = '';
            var obj = {
                brandName: brandName,
                categoryId: categoryId,
                brandLogo: brandLogo,
                hot: hot
            };

            /* 发送请求 */
            $.post("/category/addSecondCategory", obj, function (result) {
                if (result.success) {
                    /* 关闭模态框 */
                    $("#addsecond").modal('hide');
                    /* 刷新数据 */
                    querySecondCategoryPaging();
                } else {
                    console.log('faild');
                }
            });
        });
    }

    /* 表单重置 */
    $("#addsecond").on("hide.bs.modal", function (e) {
        // 重置表单 - js 原生的重置  重置 输入框的文字
        $("#sec-form")[0].reset();
        // 重置验证信息- 插件的重置 重置的是插件自己的图标显示 
        $("#sec-form").data('bootstrapValidator').resetForm();

        // 重置隐藏域和图片
        $("#brandLogo").val("");
        $(".ff-img").attr("src", "./images/none.png");
    });
        
});